<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>第 1 个标签</li>
			<li>第 2 个标签</li>
			<li>第 3 个标签</li>
			<li>第 4 个标签</li>
			<li>第 5 个标签</li>
			<li>第 6 个标签</li>
			<li>第 7 个标签</li>
			<li>第 8 个标签</li>
			<li>第 9 个标签</li>
			<li>第 10 个标签</li>
			<li>第 11 个标签</li>
			<li>第 12 个标签</li>
			<li>第 13 个标签</li>
			<li>第 14 个标签</li>
			<li>第 15 个标签</li>
		</ul>
	</body>
</html>
<style type="text/css">
	li {height: 50px;}
	/* 选择是2的倍数的li标签,设置字体为红色 */
	/* n是从0开始数 */
	li:nth-child(2n) {
		color: red;
	}
	
	/* 将第1,4,7,10....个元素设置背景颜色为半透明绿色 */
	/* 将第2,5,8,11....个元素设置背景颜色为半透明绿色 3n+2 */
	li:nth-child(3n+1) {
		background: green;
		opacity: 0.5;
	}
	
</style>
